<template>
	<el-tabs v-model="activeName" @tab-click="handleClick">
		<el-tab-pane label="订单管理" name="first">
			<div style="display: inline-block;">
				<div style="position: relative;display: inline-block;margin: 3px;">
					<span>状态：</span>
					<el-select v-model="status" style="width:150px;margin-left: 10px;" @change="animeDat2(status)">
						<el-option v-for="item in taskstates" :key="item.value" :label="item.label"
							:value="item.value"></el-option>
					</el-select>&nbsp;&nbsp;&nbsp;
				</div>
				<div style="position: relative;display: inline-block;margin: 3px;">
					<span>订单类型：</span>
					<el-select v-model="orderType" style="width:150px;margin-left: 10px;"
						@change="animeDat2(orderType)">
						<el-option v-for="item in orderTypes" :key="item.value" :label="item.label"
							:value="item.value"></el-option>
					</el-select>&nbsp;&nbsp;&nbsp;
				</div>
				<div style="position: relative;display: inline-block;margin: 3px;">
					<span>订单号:</span>
					<el-input style="width: 200px;" @keydown.enter.native="phoneSelect" placeholder="请输入订单号"
						v-model="orderNumber"></el-input>&nbsp;&nbsp;
				</div>
				<div style="position: relative;display: inline-block;margin: 3px;">
					<span>商铺名称:</span>
					<el-input style="width: 200px;" @keydown.enter.native="phoneSelect" placeholder="请输入商户名称"
						v-model="shopName">
					</el-input>&nbsp;&nbsp;
				</div>
				<div style="position: relative;display: inline-block;margin: 3px;">
					<span>手机号:</span>
					<el-input style="width: 200px;" @keydown.enter.native="phoneSelect" placeholder="请输入手机号"
						v-model="phone">
					</el-input>&nbsp;&nbsp;
				</div>
				<div style="position: relative;display: inline-block; margin: 3px;">
					<span>骑手电话：</span>
					<el-input style="width: 200px;" @keydown.enter.native="phoneSelect" placeholder="请输入骑手电话"
						v-model="riderPhone">
					</el-input>&nbsp;&nbsp;
				</div>
				<div style="position: relative;display: inline-block;margin: 3px;">
					<span>昵称:</span>
					<el-input style="width: 200px;" @keydown.enter.native="phoneSelect" placeholder="请输入昵称"
						v-model="userName">
					</el-input>&nbsp;&nbsp;
				</div>
				<div style="margin:5px;display: inline-block;">
					<span>开始时间：</span>
					<el-date-picker style="width: 160px;margin-left: 10px;" v-model="startTime" align="right"
						type="datetime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间">
					</el-date-picker>&nbsp;&nbsp;&nbsp;
				</div>
				<div style="margin:5px;display: inline-block;">
					<span>截止时间：</span>
					<el-date-picker style="width: 160px;margin-left: 10px;" v-model="endTime" align="right"
						type="datetime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择截止时间">
					</el-date-picker>
				</div>
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="phoneSelect">查询
				</el-button>
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document"
					@click="cleans2">重置</el-button>
				<el-button style='margin-left:15px;' size="mini" type="warning" icon="document" @click="exportBtn">
					导出Excel
				</el-button>
			</div>
			<div style="color: orange;"> * 导出订单提示：导出订单前请进行时间或者状态等筛选，否则导出订单量过多易出现卡顿或系统崩溃</div>
			<el-table v-loading="tableDataLoading" :data="tableData2.list">
				<el-table-column fixed prop="orderId" label="编号" width="80"></el-table-column>
				<el-table-column fixed prop="userName" label="下单用户">
					<template slot-scope="scope">
						<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row.userId)">
							{{ scope.row.userName ? scope.row.userName : '未绑定' }}
						</span>
					</template>
				</el-table-column>
				<el-table-column fixed prop="userName" label="用户头像">
					<template slot-scope="scope">
						<img v-if="scope.row.avatar" :src="scope.row.avatar" width="60" height="60" />
						<span v-else>
							<img src="../../assets/img/avatar.png" width="60" height="60" />
						</span>
					</template>
				</el-table-column>
				<el-table-column prop="phone" label="手机号"></el-table-column>
				<el-table-column prop="shopName" label="商铺信息" width="300">
					<template slot-scope="scope">
						<div>店铺名称：{{scope.row.shopName}}</div>
						<div>店铺电话：{{scope.row.shopPhone}}</div>
						<div>店铺地址：{{scope.row.detailedAddress}}</div>
					</template>
				</el-table-column>
				<el-table-column prop="orderType" label="订单类型">
					<template slot-scope="scope">
						<div>{{scope.row.orderType==1?'到店取餐':'外卖配送'}}</div>
					</template>
				</el-table-column>
				<el-table-column prop="address" label="配送信息" width="300">
					<template slot-scope="scope">
						<div v-if="scope.row.orderType==2">
							<div>订餐人：{{scope.row.address.userName}}</div>
							<div>订餐人电话：{{scope.row.address.userPhone}}</div>
							<div>订餐地址：{{scope.row.address.address}}({{scope.row.address.addressDetail}})</div>
						</div>
						<div v-else style="text-align: center;width: 100%;"> - </div>
					</template>
				</el-table-column>
				<el-table-column prop="riderNickName" label="骑手昵称" width="120">
					<template slot-scope="scope">
						<div style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row.riderUserId)">
							{{scope.row.riderNickName}}</div>
					</template>
				</el-table-column>
				<el-table-column prop="riderPhone" label="骑手电话" width="200"></el-table-column>
				<el-table-column prop="orderNumber" label="订单号" width="180"></el-table-column>
				<el-table-column prop="content" label="内容" width="300">
					<template slot-scope="scope">
						<div>
							<div v-for="(item,index) in scope.row.orderGoodsList" :key="index">
								<span>{{index+1}}.
									商品名：{{item.goodsName}},</span><span>数量：{{item.goodsNum}},</span><span>规格：{{item.skuMessage}}</span>
							</div>
						</div>
					</template>
				</el-table-column>
				<el-table-column prop="goodsPriceZ" label="商品总价(元)" width="100">
				</el-table-column>
				<el-table-column prop="couponMoney" label="优惠金额(元)" width="100">
					<template slot-scope="scope">
						<div>
							<div>
								<span>{{scope.row.couponMoney?scope.row.couponMoney:'0'}}元</span>
							</div>
						</div>
					</template>
				</el-table-column>
				<el-table-column prop="packMoney" label="打包费(元/个 具体按照数量计算)" width="100">
					<template slot-scope="scope">
						<div>{{scope.row.packMoney}}元/个</div>
					</template>
				</el-table-column>
				<el-table-column prop="errandMoney" label="跑腿费(元)" width="100">
					<template slot-scope="scope">
						<div>{{scope.row.orderType==1?'0':scope.row.errandMoney}}元</div>
					</template>
				</el-table-column>
				<el-table-column prop="payMoney" label="支付金额(元)" width="100">
				</el-table-column>
				<el-table-column prop="errandMoneyIsShop" label="跑腿费说明" width="150">
				</el-table-column>
				<el-table-column prop="remark" label="订单备注" width="150">
				</el-table-column>
				<el-table-column prop="payTime" label="支付时间"></el-table-column>
				<el-table-column prop="payType" label="支付方式" width="100">
					<template slot-scope="scope">
						<span v-if="scope.row.payType === 1 ">微信</span>

						<span v-if="scope.row.payType === 2 ">余额</span>
						<span v-if="scope.row.payType === 3 ">其他</span>

					</template>
				</el-table-column>
				<el-table-column prop="orderCode" label="取餐号" width="100"></el-table-column>
				<el-table-column fixed="right" prop="status" label="状态" width="100">
					<template slot-scope="scope">
						<span style="color: #4f9dec;" v-if="scope.row.status === 0 ">待结算</span>
						<span style="color: #4f9dec;"
							v-if="scope.row.status === 1 || scope.row.status === 2 ">待支付</span>

						<span style="color: #4f9dec;" v-if="scope.row.status === 3 ">
							{{scope.row.orderType==1?'待取餐':'待配送'}}
						</span>
						<span style="color: #4f9dec;" v-if="scope.row.status === 4 ">已完成</span>
						<span style="color: #999;" v-if="scope.row.status === 5 ">已取消</span>
						<span style="color: #999;" v-if="scope.row.status === 6 ">制作中</span>
						<span style="color: #999;" v-if="scope.row.status === 7 ">商家待接单</span>
						<span style="color: #999;" v-if="scope.row.status === 8 ">商家已拒单</span>

					</template>
				</el-table-column>
				<el-table-column prop="isRider" label="是否是转单" fixed="right" width="80">
					<template slot-scope="scope">
						<div v-if="scope.row.isRider==1">是</div>
						<div v-if="scope.row.isRider==2">否</div>
					</template>
				</el-table-column>
				<el-table-column fixed="right" prop="status" label="操作" width="250">
					<template slot-scope="scope">
						<el-button size="mini" type="primary" v-if="scope.row.status === 6 "
							:disabled="!isAuth('mission:qucan')" @click="wancheng(scope.row)">制作已完成</el-button>
						<el-button size="mini" type="danger" :disabled="!isAuth('mission:tuikuan')"
							style="margin: 10px;"
							v-if="scope.row.status === 3 || scope.row.status === 6|| scope.row.status === 7"
							@click="tuikuan(scope.row)">退款</el-button>
						<el-button size="mini" type="primary" v-if="scope.row.status === 3 "
							:disabled="!isAuth('mission:qucan')" @click="wancheng(scope.row)"
							style="margin: 5px 0;">{{scope.row.orderType==1?'餐品已完成':'餐品已完成'}}
						</el-button>
						<el-button size="mini" type="primary"
							v-if="scope.row.status == 3 ||scope.row.status === 4 || scope.row.status === 6"
							:disabled="!isAuth('mission:qucan')" @click="dayin(scope.row)"
							style="margin: 3px;">打印小票</el-button>
						<el-button size="mini" type="primary" @click="complainDetails(scope.row)"
							style="margin: 3px;">聊天内容
						</el-button>
						<el-button size="mini" type="primary" v-if="scope.row.status == 3"
							:disabled="!isAuth('orderCenterRun:zhuandan')" @click="zhuandan(scope.row)"
							style="margin: 3px;">转单</el-button>
					</template>
				</el-table-column>
			</el-table>
			<div style="color: #B94A48;font-size: 20px;margin-top: 10px;" v-if="totalMoney">本页累计交易统计：{{totalMoney}}元
			</div>
			<div style="text-align: center;margin-top: 10px;">
				<el-pagination @size-change="handleSizeChange3" @current-change="handleCurrentChange3"
					:page-sizes="[10, 20, 30, 40]" :page-size="limit" :current-page="page"
					layout="total,sizes, prev, pager, next" :total="tableData2.totalCount">
				</el-pagination>
			</div>
		</el-tab-pane>
		<!-- 任务拒绝弹框 -->
		<el-dialog title="任务拒绝" :visible.sync="dialogFormVisible7" center>
			<div style="margin-bottom: 10px;">
				<span style="width: 200px;display: inline-block;text-align: right;">拒绝理由：</span>
				<el-input style="width:50%;" v-model="content" type="text" placeholder="请输入拒绝理由"></el-input>
			</div>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisible7 = false">取 消</el-button>
				<el-button type="primary" @click="refuseto()">确 定</el-button>
			</div>
		</el-dialog>
		<!--    图片展示-->
		<el-dialog title="图片" :visible.sync="dialogVisible" width="35%" :before-close="handleClose">
			<span v-if="imageUrl.length>0" v-for="(item, index) in imageUrl" :key="index" style="width: 100px;
      height: 100px;display:inline-block;">
				<!--      <el-image style = "width: 100px; height: 100px" :src = "item" :preview-src-list="imageUrl"></el-image>-->
				<img :src="item" alt="" style="width: 100px; height: 100px">
			</span>
			<span v-else>暂无图片</span>
		</el-dialog>
		<!-- 聊天内容 -->
		<el-dialog title="聊天内容" :visible.sync="dialogFormVisible" center>
			<!-- <div style="margin:2% 0;display: inline-block;">
        <span>内容:</span>
        <el-input style="width: 150px;" @keydown.enter.native="select1" clearable placeholder="请输入聊天内容"
          v-model="content">
        </el-input>
      </div>
      <div style="display: inline-block;">
        <el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="select1">查询</el-button>
        <el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="cleans1">重置</el-button>
      </div> -->
			<el-table v-loading="tableDataLoading1" :data="userData.list">
				<el-table-column prop="chatContentId" label="编号" width="80">
				</el-table-column>
				<el-table-column prop="userName" label="用户昵称">
					<template slot-scope="scope">
						<div v-if="scope.row.shopId">
							{{ scope.row.shopName}}
						</div>
						<div v-else style="color: #4f9dec;cursor: pointer;" @click="details(scope.row)">
							{{scope.row.userName ? scope.row.userName : scope.row.riderName}}
						</div>

					</template>
				</el-table-column>
				<el-table-column prop="title" label="用户头像">
					<template slot-scope="scope">
						<!-- <div v-if="scope.row.avatar == null || scope.row.avatar == ''">
              暂无图片
            </div> -->
						<div>
							<el-popover placement="top-start" title="" trigger="hover">
								<img style="width: 50px; height: 50px"
									:src="scope.row.shopCover?scope.row.shopCover:scope.row.riderAvatar?scope.row.riderAvatar:scope.row.userAvatar"
									alt="" slot="reference">
								<img style="width: 200px; height: 200px"
									:src="scope.row.shopCover?scope.row.shopCover:scope.row.riderAvatar?scope.row.riderAvatar:scope.row.userAvatar"
									alt="">
							</el-popover>
						</div>
					</template>

				</el-table-column>
				<el-table-column prop="content" label="信息内容" width="280">
					<template slot-scope="scope">
						<div v-if="scope.row.messageType==1">{{scope.row.content}}</div>
						<div v-if="scope.row.messageType==2">
							<el-popover placement="top-start" title="" trigger="hover">
								<img style="width: 50px; height: 50px" :src="scope.row.content" alt="" slot="reference">
								<img style="width: 200px; height: 200px" :src="scope.row.content" alt="">
							</el-popover>
						</div>
						<div v-if="scope.row.messageType==3">
							<audio :src="scope.row.content" type="audio/wav" controls="controls"></audio>
						</div>
						<div v-if="scope.row.messageType==4">
							<el-popover placement="top-start" title="" trigger="hover">
								<img style="width: 50px; height: 50px"
									:src="'https://tcwmadmin.xianmaxiong.com/emoji/'+scope.row.content" alt=""
									slot="reference">
								<img style="width: 200px; height: 200px"
									:src="'https://tcwmadmin.xianmaxiong.com/emoji/'+scope.row.content" alt="">
							</el-popover>
						</div>

						<!-- <div  v-if="scope.row.messageType==4">
              <el-popover placement="top-start" title="" trigger="hover">
                <img style="width: 50px; height: 50px" :src="'https://tcwmadmin.xianmaxiong.com/emoji/'+scope.row.content" alt="" slot="reference">
                <img style="width: 200px; height: 200px" :src="'https://tcwmadmin.xianmaxiong.com/emoji/'+scope.row.content" alt="">
              </el-popover>
            </div> -->

					</template>
				</el-table-column>
				<el-table-column prop="createTime" label="创建时间" width="150">
				</el-table-column>

				<el-table-column prop="createTime" label="操作" width="100" fixed="right">
					<template slot-scope="scope">

						<el-button size="mini" type="danger" :disabled="!isAuth('userList:delete')"
							@click="deleteuser(scope.row)">
							删除</el-button>
					</template>
				</el-table-column>

			</el-table>
			<div style="text-align: center;margin-top: 10px;">
				<el-pagination @size-change="handleSizeChange1" @current-change="handleCurrentChange1"
					:page-sizes="[10, 20, 30, 50, 100]" :page-size="limit1" :current-page="page1"
					layout="total,sizes, prev, pager, next" :total="userData.totalCount">
				</el-pagination>
			</div>
		</el-dialog>
		<!-- 骑手列表 -->
		<el-dialog title="骑手列表" :visible.sync="dialogFormVisibleP" center>
			<div style="margin:2% 0;display: inline-block;">
				<span>手机号:</span>
				<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入手机号"
					v-model="phoneU"></el-input>
			</div>&emsp;&emsp;
			<div style="margin:2% 0;display: inline-block;">
				<span>昵称:</span>
				<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入昵称"
					v-model="campus"></el-input>
			</div>&emsp;&emsp;
			<div style="display: inline-block;">
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="selectU">查询
				</el-button>
				<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleansU">重置
				</el-button>
			</div>
			<el-table v-loading="tableDataLoadingU" :data="userData.list">
				<el-table-column prop="userId" label="编号" width="80">
				</el-table-column>
				<el-table-column prop="nickName" label="用户昵称" width="120">
					<template slot-scope="scope">
						　<span style="color: #4f9dec;cursor: pointer;" @click="updatesvideo(scope.row)"
							v-text="scope.row.nickName"></span>
					</template>
				</el-table-column>
				<el-table-column prop="avatar" label="用户头像" width="100">
					<template slot-scope="scope">
						　　<img v-if="scope.row.avatar && scope.row.avatar!=''" :src="scope.row.avatar" width="40"
							height="40" />
						<span v-else>暂无图片</span>
					</template>
				</el-table-column>
				<el-table-column prop="phone" label="手机号">
				</el-table-column>
				<el-table-column prop="createTime" label="创建时间" width="180">
				</el-table-column>
				<el-table-column label="操作" prop="id" width="100" fixed='right' align="center">
					<template slot-scope="scope">
						<el-button size="mini" type="primary" @click="userBtns(scope.row)">确认
						</el-button>
					</template>
				</el-table-column>
			</el-table>
			<div style="text-align: center;margin-top: 10px;">
				<el-pagination @size-change="handleSizeChangeU" @current-change="handleCurrentChangeU"
					:page-sizes="[10, 20, 30, 40]" :page-size="limit1" :current-page="page1"
					layout="total,sizes, prev, pager, next,jumper" :total="userData.totalCount">
				</el-pagination>
			</div>
		</el-dialog>

	</el-tabs>
</template>

<script>
	export default {
		data() {
			return {
				dialogVisible: false,
				imageUrl: [],
				limit: 10,
				page: 1,
				totalMoney: 0,
				phone: '',
				userName: '',
				orderNumber: '',
				status: '',
				describes: '',
				token: '',
				taskNum: '',
				taskMoney: '',
				statesnum: [{
						label: '全部',
						value: 0
					},
					{
						label: '待接单',
						value: 2
					},
					{
						label: '制作中',
						value: 6
					},
					{
						label: '待送达',
						value: 3
					},
					{
						label: '已完成',
						value: 4
					},
					{
						label: '已下架',
						value: 5
					},
				],
				taskstates: [{
						label: '全部',
						value: ''
					},
					{
						label: '待结算',
						value: 0
					},
					{
						label: '待支付',
						value: 1
					},

					{
						label: '商家待接单',
						value: 7
					},
					{
						label: '制作中',
						value: 6
					},
					{
						label: '待取餐/待配送', //待取餐、派送中
						value: 3
					},
					{
						label: '已完成',
						value: 4
					},
					{
						label: '已取消',
						value: 5
					},
					{
						label: '商家已拒单',
						value: 8
					}
				],
				orderType: '',
				orderTypes: [{
						label: '全部',
						value: ''
					},
					{
						label: '到店取餐',
						value: 1
					},
					{
						label: '外卖配送',
						value: 2
					},
				],
				shopId: '',
				shopName: '',
				shopList: '',
				sort: 10,
				id: '',
				btnChangeEnable: true,
				helpTakeId: '',
				helpMaintainId: '',
				content: '',
				classifyIcon: '',
				classifyId: '',
				classifyUrl: '',
				classifyName: '',
				classifyDeatilsName: '',
				formLabelWidth: '200px',
				activeName: 'first',
				tableDataLoading: false,
				tableDataLoading1: false,
				dialogFormVisible: false,
				dialogFormVisible1: false,
				dialogFormVisible2: false,
				dialogFormVisible3: false,
				dialogFormVisible4: false,
				dialogFormVisible5: false,
				dialogFormVisible6: false,
				dialogFormVisible7: false,
				dialogFormVisible8: false,

				tableData: [],
				tableData2: {},
				form: {
					id: '',
					classifyName: '',
					classifyUrl: '',
					classifyIcon: '',
					describes: ''
				},
				form2: {
					id: '',
					classifyDeatilsName: '',
					classifyUrl: '',
					classifyIcon: '',
					taskNum: '',
					taskMoney: '',
				},
				protectjieData: [],
				protectpaiData: [],
				helpTaskData: [],
				safeguardData: [],
				classifyData: [],
				checkBoxData: [], //多选框选择的值
				checkBoxData2: [], //多选框选择的值
				chatConversationId: '',
				userData: {},
				limit1: 10,
				page1: 1,
				riderPhone: '',
				// ····
				userData: {},
				phoneU: '',
				campus: '',
				ordersId: '',
				limit1: 10,
				page1: 1,
				dialogFormVisibleP: false,
				tableDataLoadingU: false,
				// info: {
				// 	stockDate: this.getNowTime(), //日期
				// },
				// info2: {
				// 	stockDate2: this.getNowTime2(), //日期
				// },
				// info3: {
				// 	stockDate3: this.getNowTime3(), //日期
				// },
				startTime: '',
				endTime: '',
			}
		},
		methods: {
			// 详情跳转
			updates(userId) {
				this.$router.push({
					path: '/userDetail',
					query: {
						userId: userId
					}
				})
			},
			// 详情跳转
			details(row) {
				if (!row.shopId) {

				}
				let userId = row.userId ? row.userId : row.riderId
				this.$router.push({
					path: '/userDetail',
					query: {
						userId: userId
					}
				})
			},
			// 图标上传一级分类
			handleAvatarSuccess(file) {
				this.classifyIcon = file.data
			},
			// 图标上传一级分类编辑
			handleAvatarSuccess2(file) {
				this.form.classifyIcon = file.data
			},
			// 多选
			changeFun(val) {
				this.checkBoxData = val
			},
			// 多选
			changeFun2(val) {
				this.checkBoxData2 = val
			},
			handleSizeChange(val) {
				this.limit = val
				this.dataSelect()
			},
			handleCurrentChange(val) {
				this.page = val
				this.dataSelect()
			},
			handleSizeChange2(val) {
				this.limit = val
				this.classifySelect()
			},
			handleCurrentChange2(val) {
				this.page = val
				this.classifySelect()
			},
			handleSizeChange3(val) {
				this.limit = val
				this.taskdataSelect()
			},
			handleCurrentChange3(val) {
				this.page = val
				this.taskdataSelect()
			},
			handleSizeChange1(val) {
				this.limit1 = val;
				this.neirongSelect(this.chatConversationId)
			},
			handleCurrentChange1(val) {
				this.page1 = val;
				this.neirongSelect(this.chatConversationId)
			},
			// tabs切换
			handleClick(tab, event) {

				if (tab._props.label == '订单管理') {
					this.page = 1
					this.limit = 10
					this.taskdataSelect()
				}

			},
			// 下架
			soldClick(row) {
				this.$confirm(`确定要下架此任务?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$http({
						url: this.$http.adornUrl(`help/outHelpOrder/?helpOrderId=${row.id}`),
						method: 'post',
						data: this.$http.adornData({})
					}).then(({
						data
					}) => {
						if (data.code == 0) {
							this.$message({
								message: '操作成功',
								type: 'success',
								duration: 1500,
								onClose: () => {
									this.dataSelect()
								}
							})
						} else {
							this.$message({
								message: data.msg,
								type: 'error',
								duration: 1500,
								onClose: () => {
									this.dataSelect()
								}
							})
						}

					})
				}).catch(() => {})
			},
			//查看照片
			refund(e) {
				this.imageUrl = []
				if (e.image != null) {
					let img = e.image.split(',')
					if (img.length != 0) {
						this.imageUrl = img
					}
				}
				this.dialogVisible = true
			},
			handleClose(done) {
				// this.$confirm('确认关闭？')
				//   .then(_ => {
				done()
				// })
				// .catch(_ => {});
			},
			// 添加一级分类弹框
			classifyStair() {
				this.dialogFormVisible = true
			},
			// 添加一级分类确定
			StairNoticeTo() {
				if (this.classifyName == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入分类名称',
						type: 'warning'
					})
					return
				}
				// if (this.classifyUrl == '') {
				//     this.$notify({
				//         title: '提示',
				//         duration: 1800,
				//         message: '请输入分类链接',
				//         type: 'warning'
				//     });
				//     return
				// }
				if (this.describes == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入分类描述',
						type: 'warning'
					})
					return
				}
				if (this.classifyIcon == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请上传分类图标',
						type: 'warning'
					})
					return
				}
				this.$http({
					url: this.$http.adornUrl('helpClassify/saveHelpClassify'),
					method: 'post',
					data: this.$http.adornData({
						'classifyName': this.classifyName,
						'state': this.state,
						'sort': this.sort,
						'classifyIcon': this.classifyIcon,
						'classifyUrl': this.classifyUrl,
						'describes': this.describes
					})
				}).then(({
					data
				}) => {
					this.dialogFormVisible = false
					this.$message({
						message: '一级分类添加成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.classifyUrl = ''
							this.classifyName = ''
							this.classifyIcon = ''
							this.describes = ''
							this.classifySelect()
						}
					})
				})
			},
			// 修改一级分类
			compile(index, rows) {
				this.dialogFormVisible2 = true
				this.form.id = rows.id
				this.form.classifyName = rows.classifyName
				this.form.classifyUrl = rows.classifyUrl
				this.form.classifyIcon = rows.classifyIcon
				this.form.describes = rows.describes
			},
			// 修改一级分类确定
			CompileNoticeTo() {
				if (this.form.classifyName == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入分类名称',
						type: 'warning'
					})
					return
				}
				if (this.form.describes == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入分类描述',
						type: 'warning'
					})
					return
				}
				if (this.form.classifyIcon == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请上传分类图标',
						type: 'warning'
					})
					return
				}
				this.$http({
					url: this.$http.adornUrl('helpClassify/updateHelpClassify'),
					method: 'post',
					data: this.$http.adornData({
						'id': this.form.id,
						'classifyName': this.form.classifyName,
						'classifyUrl': this.form.classifyUrl,
						'classifyIcon': this.form.classifyIcon,
						'describes': this.form.describes
					})
				}).then(({
					data
				}) => {
					this.dialogFormVisible2 = false
					this.$message({
						message: '操作成功',
						type: 'success',
						duration: 1500,
						onClose: () => {
							this.classifySelect()
						}
					})
				})
			},
			//删除一级
			deleteStair(row) {
				let delid = row.id
				this.$confirm(`确定删除此条信息?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$http({
						url: this.$http.adornUrl(`helpClassify/deleteClassifyById/?id=${delid}`),
						method: 'post',
						data: this.$http.adornData({})
					}).then(({
						data
					}) => {
						this.$message({
							message: '删除成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.name = ''
								this.classifySelect()
							}
						})
					})
				}).catch(() => {})
			},
			// 手机号搜索
			phoneSelect() {
				this.page = 1
				this.limit = 10
				this.taskdataSelect()
			},
			// 重置
			cleans2() {
				this.page = 1
				this.phone = ''
				this.riderPhone = ''
				this.userName = ''
				this.orderNumber = ''
				this.status = ''
				this.shopName = ''
				this.orderType = ''
				this.startTime = ''
				this.endTime = ''
				this.taskdataSelect()
			},
			// 查询
			select() {
				this.page = 1
				this.limit = 10
				this.dataSelect()
			},
			// 重置
			cleans() {
				this.phone = ''
				this.status = 0
				this.content = ''
				this.dataSelect()
			},
			// select选择事件
			animeDat(state) {
				this.dataSelect()
			},
			animeDat2(state) {
				this.page = 1
				this.taskdataSelect()
			},
			// 获取派单数据列表
			dataSelect() {
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl('help/selectStatusHelpOrder'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page,
						'limit': this.limit,
						'phone': this.phone,
						'status': this.status,
						'content': this.content
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading = false
					let returnData = data.data
					this.tableData = returnData
				})
			},
			// 获取数据列表
			taskdataSelect() {
				this.totalMoney = 0
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl('admin/order/selectAllOrderAdmin'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page,
						'limit': this.limit,
						'phone': this.phone,
						'userName': this.userName,
						'orderNumber': this.orderNumber,
						'status': this.status,
						'shopName': this.shopName,
						'orderType': this.orderType,
						'riderPhone': this.riderPhone,
						'startTime': this.startTime,
						'endTime': this.endTime,
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading = false
					let returnData = data.data
					this.tableData2 = returnData
					for (var i in this.tableData2.list) {
						this.tableData2.list[i].goodsPriceZ = 0
						this.totalMoney = this.totalMoney + this.tableData2.list[i].payMoney
						if (this.tableData2.list[i].address) {

							this.tableData2.list[i].address = JSON.parse(this.tableData2.list[i].address)
						}

						for (var j in this.tableData2.list[i].orderGoodsList) {
							this.tableData2.list[i].orderGoodsList[j].goodsPriceZ = (this.tableData2.list[i]
								.orderGoodsList[j]
								.goodsPrice * this.tableData2.list[i].orderGoodsList[j].goodsNum)

							this.tableData2.list[i].goodsPriceZ = this.tableData2.list[i].goodsPriceZ + this
								.tableData2.list[i]
								.orderGoodsList[j].goodsPriceZ
						}


					}
					this.totalMoney = this.totalMoney.toFixed(2)
				})
			},
			// 商铺列表
			classifySelect() {
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl('admin/goods/selectAllShopList'),
					method: 'get',
					params: this.$http.adornParams({})
				}).then(({
					data
				}) => {
					this.tableDataLoading = false
					let returnData = data.data
					this.shopList = returnData
				})
			},
			// 餐品完成
			wancheng(row) {
				if (row.status == 3) {
					var status1 = 4
				}
				if (row.status == 6) {
					var status1 = 3
				}
				this.$http({
					url: this.$http.adornUrl('admin/order/updateOrder'),
					method: 'post',
					data: this.$http.adornData({
						'status': status1,
						'orderId': row.orderId,
						'orderNumber': row.orderNumber
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.taskdataSelect()
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}
				})
			},
			// 退款
			tuikuan(row) {
				console.log('退款')
				this.$confirm(`确定要退款?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					console.log('取定')
					this.$http({
						url: this.$http.adornUrl('admin/order/adminCancelOrder'),
						method: 'post',
						params: this.$http.adornParams({
							'orderId': row.orderId
						})
					}).then(({
						data
					}) => {
						if (data.code == 0) {
							this.$message({
								message: '操作成功',
								type: 'success',
								duration: 1500,
								onClose: () => {
									this.taskdataSelect()
								}
							})
						} else {
							this.$message({
								message: data.msg,
								type: 'error',
								duration: 1500,
								onClose: () => {}
							})
						}
					})
				}).catch(() => {
					console.log('取消')
				})
			},
			// 打印小票
			dayin(row) {
				this.$http({
					url: this.$http.adornUrl('admin/order/print'),
					method: 'post',
					params: this.$http.adornParams({
						'orderId': row.orderId
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.taskdataSelect()
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}
				})
			},
			// 聊天内容
			complainDetails(row) {
				this.chatConversationId = row.orderId
				this.neirongSelect(this.chatConversationId)
				this.dialogFormVisible = true
			},
			select1() {
				this.page1 = 1
				this.neirongSelect(this.chatConversationId)
			},
			// 重置
			cleans1() {
				this.content = ''
				this.page1 = 1
				this.neirongSelect(this.chatConversationId)
			},
			// 获取聊天内容列表
			neirongSelect(chatConversationId) {
				this.tableDataLoading1 = true
				this.$http({
					url: this.$http.adornUrl('shop/ordersChat/selectGameChatDetails'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page1,
						'limit': this.limit1,
						'ordersId': this.chatConversationId,
						'content': this.content
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading1 = false
					let returnData = data.data;
					this.userData = returnData
				})
			},
			//删除聊天
			deleteuser(row) {
				// let delid = row.userId
				this.$confirm(`确定删除此条信息?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$http({
						url: this.$http.adornUrl('shop/ordersChat/deleteOrdersChat?chatContentId=' + row
							.chatContentId),
						method: 'post',
						params: this.$http.adornParams({})
					}).then(({
						data
					}) => {
						if (data.code == 0) {
							this.$message({
								message: '删除成功',
								type: 'success',
								duration: 1500,
								onClose: () => {
									this.neirongSelect(this.chatConversationId)
								}
							})
						} else {
							this.$message({
								message: data.msg,
								type: 'warning',
								duration: 1500,
								onClose: () => {}
							})
						}
					})
				})
			},
			handleSizeChangeU(val) {
				this.limit1 = val;
				this.dataSelectUser()()
			},
			handleCurrentChangeU(val) {
				this.page1 = val;
				this.dataSelectUser()
			},
			// 转单弹框
			zhuandan(row) {
				this.ordersId = row.indentId
				this.page1 = 1
				this.phoneU = ''
				this.campus = ''
				this.dataSelectUser()
				this.dialogFormVisibleP = true
			},
			// 确认选择
			userBtns(row) {
				this.$http({
					url: this.$http.adornUrl('admin/tbindent/transferOfOrder'),
					method: 'post',
					params: this.$http.adornParams({
						'riderUserId': row.userId,
						'indentId': this.ordersId,
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.taskdataSelect()
								this.dialogFormVisibleP = false
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}


				})
			},
			// 获取数据列表
			dataSelectUser() {
				this.tableDataLoadingU = true
				this.$http({
					url: this.$http.adornUrl('user/selectUserList'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page1,
						'limit': this.limit1,
						// 'member': this.member,
						'phone': this.phoneU,
						'nickName': this.campus,
						'type': 2,
						'isVip': '',
						'platform': '',
						'shopAdminFlag': this.shopAdminFlag,

					})
				}).then(({
					data
				}) => {
					this.tableDataLoadingU = false
					let returnData = data.data
					this.userData = returnData
				})
			},
			// 查询
			selectU() {
				this.page = 1
				this.dataSelectUser()
			},
			// 重置
			cleansU() {
				this.page1 = 1
				this.campus = ''
				this.phoneU = ''
				this.dataSelectUser()
			},
			// 导出
			exportBtn() {
				this.$http({
					url: this.$http.adornUrl('admin/order/excelOrder'),
					method: 'get',
					responseType: 'blob',
					params: this.$http.adornParams({
						// 'page': page,
						// 'size': this.size,
						'phone': this.phone,
						'userName': this.userName,
						'orderNumber': this.orderNumber,
						'status': this.status,
						'shopName': this.shopName,
						'orderType': this.orderType,
						'riderPhone': this.riderPhone,
						'startTime': this.startTime,
						'endTime': this.endTime,
					})
				}).then(({
					data
				}) => {
					let blob = new Blob([data], {
						type: 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
					})
					if (window.navigator.msSaveOrOpenBlob) {
						navigator.msSaveBlob(blob)
					} else {
						let url = window.URL.createObjectURL(blob)
						let elink = document.createElement('a')
						elink.download = '订单列表.xlsx'
						elink.style.display = 'none'
						elink.href = url
						document.body.appendChild(elink)
						elink.click()
						document.body.removeChild(elink)
					}
				})
			},
		},
		mounted() {
			// this.classifySelect()
			this.taskdataSelect()

		}
	}
</script>

<style>

</style>